<!DOCTYPE html>
<style>
	 body { 
	   background:url("bg3.jpg")  no-repeat center center;   /*加载背景图*/   /* 背景图不平铺 */
	   background-size:cover;  /* 让背景图基于容器大小伸缩 */
	   background-attachment:fixed;        /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */    //此条属性必须设置否则可能无效/
	   background-color:#CCCCCC;   /* 设置背景颜色，背景图加载过程中会显示背景色 */
	   font-family:方正姚体;
	   color: #336666;
	 }
	 a{
		 color:white;
		  text-decoration:none;
	 }
	 input{
	 		 font-size:50px;
			 
	 		 font-family:YouYuan;
	 		 background-color: whitesmoke;
	 }
	 button{
	 			border:solid 10px aquamarine;
	 		    border-radius:double;
	 			border-style: outset;
	 			border-color: aquamarine;
	 			height:100px;
	 			width: 300px;
	 		    font-size:40px;
	 			font-weight: 900;
	 			color: #3D7878;
	 		 	font-family:方正姚体;
	 		    background-color: floralwhite;
	 				 
	 		 }
	 .left{
		 		float: left;
		 	    }
	.right{
		 		float: right;
		 	    }
	 }
</style>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>上传消息</title>
</head>
<body>
	<a href="uploadIndex.html" style="font-family: 方正姚体;font-size:40px;color: #81CDC0;"><&nbsp;返回上一步</a>
	<div style="text-align:center ;font-size:40px;">
		<h1 align="center" style="font-family: 方正姚体;font-size:80px;color: #336666;">上传消息</h1>
		<form action="php/uploadNews.php" method="post" enctype="multipart/form-data">
		<tr >
			<td>上传学科：<input type="text" name="subject" /></td><br><br>
			<td>所属专业：<input type="text" name="profession" /></td><br>
			<td>输入信息：<textarea  id="myText"  maxlength="85" name="news" onKeyUp="keypress()" style="width: 500px;height: 100px;transform: translateY(35px);"></textarea></td><br />
			<div style="transform: translateY(20px);"><label id="name" style="margin-left: 600px;font-size: 24px;">85</label><span style="font-size: 24px;">/</span><label style="font-size: 24px;">85</label></div>
			<br />
	    
			<!--  提交按钮  -->
			<td><button type="submit" name="submit" value="上传">上传</button></td>
		</tr>
		</form>
	</div>
</body>
<script type="text/javascript">
	function keypress(){ 
	    var text1=document.getElementById("myText").value;
	    var maxLen=document.getElementById("myText").maxLength;
		var len=maxLen-text1.length;
	    document.getElementById("name").innerText=len;
	}
</script>
</html>